@import "base/rest-weui";
@import "base/global";
@import "btn/btn-weui";

/*颜色*/
@import "mixins/colors";
@import "mixins/m-global";

.avatar-wrapper{
  width:100%;
  height:15rem;
  box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  background-color: #fcfcfc;
  overflow: hidden;
}
.avatar-preview {
  display:inline-block;
  margin-top: 15px;
  //margin-right: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}

.avatar-preview:hover {
  border-color: #ccf;
  box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
  width: 100%;
}
.avatar-btns{
  width:60%;
}
.preview-lg {
  height: 184px;
  width: 184px;
  margin-top: 15px;
}

.preview-md {
  height: 100px;
  width: 100px;
}

.preview-sm {
  height: 50px;
  width: 50px;
}

@media (min-width: 992px) {
  .avatar-preview {
    float: none;
  }
}